<template>
  <div class="setting-yly-container">
    <el-tabs v-model="activeTabName" @tab-click="activeTab">
      <el-tab-pane label="充值活动" name="1"><pay v-if="activeTabName === '1'"/></el-tab-pane>
      <el-tab-pane label="充值记录" name="2"><paylog v-if="activeTabName === '2'"/></el-tab-pane>
    </el-tabs>
  </div>
</template>

<script>
import pay from './components/pay'
import paylog from './components/paylog'
// import manage from './components/manage'

export default {
  name: 'marketing-assemble',
  components: {
    pay,
    paylog,
    // manage
  },
  data() {
    return {
      activeTabName: '1',
    }
  },  
  methods: {
    /**
     * 切换
     */
    activeTab() {
      console.log(this.activeTabName)
    },
  },
}
</script>

<style lang="scss" scoped>
.setting-yly-container{
  min-height: calc(100vh - 100px);
  margin: 20px;
  background-color: #fff;
  padding:25px;
  box-shadow: 0px 0px 4px 0px rgba(115, 115, 115, 0.2);
}
</style>